﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Điểm đến - Văn hoá Hà Nội</title>
		<link rel="stylesheet" href="css/main-stylesheet.css" type="text/css" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		<!-- QA - theme -->
		<script type="text/javascript" src="js/qa-map.js"></script>
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li class="selected"><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">
			      			<!-- BIG NEWS -->
							<div id="qa-SlideShow">
								<div class="qa-main-slideshow qa-SlideNews">
									<img src="images/diemden/anh1.jpg" />
			                        <div class="contain">
			                        	<h1>Chùa Trấn Quốc</h1>
			                        	<p style="text-align:right;">30/11/2012</p>
			                        	<p>Chùa Trấn Quốc nằm trên một hòn đảo phía Nam của Hồ Tây, là một trong những danh thắng bậc nhất ở kinh thành Thăng Long đời nhà Lê, nay thuộc quận Ba Đình (Hà Nội). Ta hoài niệm cùng vườn tháp nhấp nhô cao thấp,nghe lao xao trong gió tiếng mõ cầu kinh đang luận bàn Sắc Sắc Không Không. 
			                        	</p>
			                            <div style="text-align:right;"><a href="#">Xem thêm</a></div>
			                            <div class="clear"></div>
			                        </div>
			                        <div class="clear"></div>
		                   		</div>
							</div>
							<!-- LIST NEWS -->
							<div class="qa-listnews">
		                    	<img src="images/diemden/anh2.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Lăng Chủ tich Hồ Chí Minh</h1>
		                        	<p class="date-time">11/10/2010</p>
		                        	<p>Quảng trường Ba Đình và Lăng Chủ tịch Hồ Chí Minh đã trở thành không gian thiêng liêng của Thủ đô Hà Nội và của cả nước.Lăng là nơi giữ thi hài Chủ tịch Hồ Chí Minh, Người đã đuợc UNESCO tôn vinh là Anh hùng giải phóng dân tộc, Danh nhân Văn hóa thế giới nhân kỷ niệm 100 ngày sinh (1890 - 1990).</p>
		                            <div class="read-more"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
                    		</div>
                    		<div class="qa-listnews">
		                    	<img src="images/diemden/anh3.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Hoàng thành Thăng Long</h1>
		                        	<p class="date-time">06/10/2010</p>
		                        	<p>Đây là công trình kiến trúc đồ sộ, được các triều vua xây dựng trong nhiều giai đoạn lịch sử và trở thành di tích quan trọng bậc nhất trong hệ thống các di tích Việt Nam.Hoàng thành Thăng Long - Hà Nội là một minh chứng đặc sắc về quá trình giao lưu văn hóa lâu dài, là nơi tiếp nhận nhiều ảnh hưởng văn hóa từ bên ngoài, nhiều học thuyết, tư tưởng có giá trị toàn cầu của văn minh nhân loại.</p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                         </div>
		                         <div class="clear"></div>
		                    </div>
							
							<div class="qa-listnews">
		                    	<img src="images/diemden/1285931410-ho-guom-18.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Văn miếu quốc tử giám</h1>
		                        	<p class="date-time">09/10/2010</p>
		                        	<p>Văn Miếu - Quốc Tử Giám xứng đáng là khu di tích văn hoá hàng đầu và mãi là niềm tự hào của người dân Thủ đô khi nhắc đến truyền thống ngàn năm văn hiến của Thăng Long - Đông Đô - Hà Nội.Có lẽ ai cũng biết hoặc nghe nói đến Văn Miếu - Quốc Tử Giám, một quần thể di tích đệ nhất Hà thành. Và cũng không có gì  lạ khi nói đấy là một trong những trường đại học đầu tiên trên thế giới.</p>
		                            <div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
		                    </div>

							<div class="qa-listnews">
		                    	<img src="images/diemden/1286289188-ho-tay-8.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Hồ Tây - lá phổi xanh của thủ đô</h1>
		                        	<p class="date-time">15/10/2010</p>
		                        	<p>Hồ Tây, mặt gương của Hà Nội, lá phổi của chốn Long thành có diện tích rộng hơn 500 ha với một bề dày lịch sử mấy nghìn năm. Đường vòng quanh hồ dài tới 17km. Ngành địa lý lịch sử đã chứng minh rằng hồ là một đoạn sông Hồng cũ còn rớt lại sau khi sông đã đổi dòng... Có thể do sông hồ biến đổi như vậy mà đã xuất hiện nhiều truyền thuyết về hồ và tên gọi của hồ.</p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                       	</div>
		                       	<div class="clear"></div>
		                    </div>
		                    <!-- PHAN TRANG -->
		                    <div class="page-turning">
			                    	<span>1</span>
			                    	<span>2</span>
			                    	<span>3</span>
			                    	<span>4</span>
			                    	<span>5</span>
			                    	<span>6</span>	
			                        <span>Tiếp theo</span>
			                        <span>Trang cuối</span>
			                        <div class="clear"></div>
			                </div>
			                <div class="clear"></div>    
						</div>
						<div id="pos2" class="qa-colRight fleft" style="height:1032px;">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- AddThis Button END -->
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Bản đồ Hà Nội</h3>
								<a href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">
										<img class=" radius5" src="http://www.google.com/maps/vt/data=Ay5GWBeob_WIPLDYoIWcfVXxvZu9XwJ55OX7Ag,jkG2sF_wIMYhzqnLnvDYs92QjaHzU9o1R4w59aj2QuwX55ktwg2f-BKUBaJo8qBqgYSQDPOoIVaj9uj3VUMprD_x5M9rihI0-LoYj77pSzDlvM2yiKr1sKNvx0qKUKommr5CU2rInqFWhgvgG_jFO-MQ7lS6klueHsEZAQxpiB8gROYbj56Kypp-6o6_xw" height="150" width="280" alt="Hà Nội, Hoàn Kiếm, Hà Nội" title="Hà Nội, Hoàn Kiếm, Hà Nội">
								</a>								
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Hà Nội xưa và nay</h3>
								<iframe width="280" height="250" src="http://www.youtube.com/embed/J5NFQAohiMk" frameborder="0" allowfullscreen></iframe>
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Phản hồi - Góp ý</h3>
								<form style="line-height:25px;">
									<p style="font-weight:bold;">Bạn cảm nhận về website như thế nào?</p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Website hữu ích, chuyên nghiệp</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Giao diện đẹp, bắt mắt</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Thông tin hữu ích, nhiều tiện ích hay</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Một kênh thông tin toàn diện cho khách du lịch</label></p>
									<p><input type="submit" value="Bình chọn"></p>
								</form>
							</div>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>